// 安全访问
let token = localStorage.getItem('token')
if (!token) {
  location.href = 'login.html'
}

// 获取个人信息
axios
  .get('http://api-breakingnews-web.itheima.net/my/userinfo', {
    headers: {
      Authorization: token,
    },
  })
  .then(res => {
    // token 过期
    // console.log('res过期', res)
    if (res.data.status === 1 && res.data.message == '身份认证失败！') {
      // token 删除
      localStorage.removeItem('token')
      // 切换到 login
      location.href = 'login.html'
      return console.log('token失效')
    }

    let { nickname, user_pic, username } = res.data.data

    //                       ''         null     000001
    // console.log('用户信息', nickname, user_pic, username)

    // 左上角部分
    //1. 判断昵称
    // 如果有昵称就显示昵称, 如果没有昵称就显示用户名
    if (nickname === '') {
      nickname = username
    }

    //2. 显示昵称
    $('.username').text(nickname)

    // 3. 显示图片
    // 如果没有图片就显示第一个首字母, 如果有图片就显示图片
    if (user_pic === null) {
      let firstLetter = nickname[0].toUpperCase()
      $('.avatar').text(firstLetter)
      $('.avatar').css('display', 'inline-block')
    } else {
      $('.layui-nav-img').attr('src', user_pic)
      // $('.avatar').css('display', 'none')
    }

    // console.log('用户信息', nickname, user_pic, username)
  })

// 退出
$('#logout').on('click', () => {
  layui.layer.confirm('确定要退出吗?', { icon: 3, title: '提示' }, function () {
    // token 删除
    localStorage.removeItem('token')

    // 切换到 login
    location.href = 'login.html'
  })
})
